/**
 *#info
 *@author   wuwg
 *@createTime   2018/03/20
 *@updateTime   2018/05/08
 *@description  Icon 图标
 */
import config from '../../../config/config.js'

const prefixCls = config.prefix + '-icon'

/**
 * #item
 *
 * @type aty-icon
 * @cn 图标
 * @order 11
 * @menu 基础
 * @stPlugin true
 * @stContainer false
 * @mixins   [./components/components/basic/$listenersAnnotation.js]
 */
// 模块
const module = {
  name: config.prefix + '-icon',
  components: {},

  props: {
    /**
     * #property
     *
     * @name type
     * @cn 图标的名称
     * @type icon
     * @description  图标的类型
     */
    type: String,
    /**
     * #property
     *
     * @name size
     * @cn 大小
     * @type string,number
     * @description 图标的大小，单位是 px
     */
    size: [Number, String],
    /**
     * #property
     *
     * @name color
     * @cn 颜色
     * @type color
     * @description 图标的颜色
     */
    color: String
  },
  data () {
    return {
      scope: {
        className: config.prefix + '-icon'
      }
    }
  },
  computed: {
    classes () {
      return [`${prefixCls}`, `${prefixCls}-${this.type}`]
    },
    styles () {
      const style = {}

      if (this.size) {
        style['font-size'] = `${this.size}px`
      }

      if (this.color) {
        style.color = this.color
      }

      return style
    }
  }
}
export default module
